$prefix-select-head: #{$prefix}select-head;
.#{$prefix-select-head}{
    border-radius: $border-radius-button;
    border: 1px solid;
    @include get-color-border();
    @include get-color-bg();
    line-height: $btn-line-height;
    position: relative;
    cursor: text;
    padding-right: 2em;
    & .#{$prefix}input{
        width: 100%;
        &>input{
            border: none;
            &:hover{
                border-color: transparent;
            }
            &:active, &:focus{
                box-shadow: 0 0 0 transparent;
            }
        }
    }
    &[disabled]{
        @include get-color-disabled();
        @include get-color-sub();
        & .#{$prefix}input > input{
            @include get-color-disabled();
            @include get-color-sub();
        }
        &:after{
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            cursor: $cursor-disabled;

        }
    }
    &-no-filterable{
        cursor: unset;
        &:after{
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
        }
    }
    &-multiple{
        padding-left: 0.5em;
        min-height: #{$btn-line-height}em;
        &-tags{
            width: 100%;
            max-height: $btn-line-height * 4em;
            display: inline-block;
            vertical-align: top;
            overflow: auto;
        }
        & .#{$prefix}input{
            &>input{
                padding: 0;
            }
        }
        .#{$prefix}tag{
            margin-left: 0;
            border: none;
            @include get-color-divider(background-color);
            &:hover{
                @include get-color-text();
                @include get-color-border();
            }
        }
    }
    &-placeholder{
        position: absolute;
        left: 0.5em;
        top: 0;
        @include get-color-placeholder();
    }
    &-arrow-down{
        @include get-color-sub();
        cursor: pointer;
        position: absolute;
        right: 0.5em;
        top: 50%;
        transform: translateY(-50%);
        transform-origin: center;
        transition: transform $transition-time $bezier;
    }
    &-arrow-up{
        transform: translateY(-50%) rotate(180deg);
    }
}
